@charset "utf-8";
@main_color: #5bb8ff;
@placeholder: #c0cfe9;

@white: #fff;
@black: #000;
.main{
    height: 100%;
}
.index_top {
    width: 100%;
    height: 112px;
    clear: both;
    top: 0px;
    z-index: 99;
    background: @main_color;
    .index_login{
        float: left;
        width: 180px;
        height: 28px;
        margin-left: 5px;
        line-height: 24px;
        font-family: arial, "Microsoft Yahei", "Hiragino Sans GB", sans-serif;
        font-size: 16px;
        color: #b3e3f8;
        font-weight: normal;
        img{
            float: left;
            width: 180px;
            height: 24px;
            margin-top: 2px
        ;
        }
    }
    .dragClass{
        cursor: pointer;
        float:left;
        font-size:18px;
        font-weight:bold;
        color:#FFF;
        text-align:left;
        height:28px;
        overflow:hidden;
        display:block;
        line-height:30px;
        margin-left:5px;
        .index_tit{
            cursor: pointer;
            float:left;
            min-width: 50px;
            font-size:18px;
            font-weight:bold;
            color:@white;
            text-align:left;
            height:28px;
            overflow:hidden;
            line-height:30px;
        }
        .topSelectedSoft_btn{
            float: left;
            color: #FFF;
            font-size: 14px;
            padding: 0 15px;
            margin: 5px;
            cursor: pointer;
            line-height: 20px;
            border-radius: 5px;
            border: 1px solid #FFF;
            font-weight: 100;
            &:hover{
                box-shadow: -3px 5px 10px 3px rgba(255, 255, 255, 0.2), 5px -5px 20px 10px rgba(255, 255, 255, 0.15) inset, 0px 2px 1px rgba(255, 255, 255, 0.13);
            }
        }
    }
    .index_menu{
        width: 100%;
        height: 83px;
        clear: both;
        li{
            height: 83px;
            float: left;
            width: 99px;
            text-align: center;
            font-size: 14px;
            cursor: pointer;
            position: relative;
            &:hover{
                background-position-y: -83px;
            }
            &.menu_on{
                background-position-y: -166px;
            }
            i{
                display: inline-block;
                font-style: normal;
                color: @white;
                margin-top: 50px;
            }
        }
        .liIndex{
            background:url(../../images/nav.png) 0px 0px;
        }
        .liChapterMenu{
            background:url(../../images/nav.png) -100px 0px;
        }
        .liChapterMenu1{
            background:url(../../images/nav.png) -2423px 0px;
        }
        .liSimulation{
            background:url(../../images/nav.png) -201px 0px;
        }
        .liConciseCourse{
            background:url(../../images/nav.png) -1615px 0px;
        }
        .liSprint{
            background:url(../../images/nav.png) -908px 0px;
        }//提分加血
       .liTxmj{
            background:url(../../images/nav.png) -807px 0px;
        }//特训密卷
        .liChongcibao{
            background:url(../../images/nav.png) -1110px 0px;
        }//考前冲刺包
        .liTeacher{
            background:url(../../images/nav.png) -1514px 0px;
        }//名师点题卷
        .liMNDB{
            background:url(../../images/nav.png) -1211px 0px;
        }
        .liTestInfoMenu{
            background:url(../../images/nav.png) -302px 0px;
        }
        .mywenguzhixin{
            background:url(../../images/nav.png) -1312px 0px;
        }
        .myCenter{
            background:url(../../images/nav.png) -504px 0px;
        }
        .more_p{
            background:url(../../images/nav.png) -605px 0px;
            .two{ 
                display:block;
                position:absolute;
                z-index:99;
                background:url(../../images/indexMunuBg.png) no-repeat;
                width: 150px;
                border-radius:15px;
                background-size:150px 513px;
                padding-top: 13px;
                margin-top:85px;
                top:0px;
                right: 30px;
                li{
                    padding-left: 0px;
                    padding-right: 0px;
                    margin: 0px;
                    float: left;
                    display: inline;
                    width: 150px;
                    height: 60px;
                    line-height: 60px;
                    span{
                        color: @white;
                        font-size: 18px;
                    }
                    img{
                        vertical-align: text-bottom;
                    }
                }
            }
        }
    }
}
.index_bottom{
    height: calc(100% - 113px);
    //height:-moz-calc(100% - 113px);
    //height:-webkit-calc(100% - 113px);
}
